{header}
{ims}
{complite}

<div id="profile" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">
<input style="width: 55px;" type="button" value="{l_menu_profile_edit}" class="button_small active_btn" onclick="location='{url_main}profile.php';" title="{l_menu_profile_edit}"  class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_edit_photos}" class="button_small" onclick="location='{url_main}profile_photo.php';" title="{l_menu_profile_edit_photos}"  class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_edit_music}" class="button_small" onclick="location='{url_main}profile_audio_edit.php';" title="{l_menu_profile_edit_music}" class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_video}" class="button_small" onclick="location='{url_main}profile_video_edit.php';" title="{l_menu_profile_video}" class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_settings}" class="button_small" onclick="location='{url_main}profile_settings.php';" title="{l_menu_profile_settings}" class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_view}" class="button_small" onclick="location='{url_main}profile_view.php';" title="{l_menu_profile_view}" class="button">
<input style="width: 55px;" type="button" value="{l_menu_profile_my_audio}" class="button_small" onclick="location='{url_main}profile_audio_view.php';" title="{l_menu_profile_my_audio}" class="button">
<!-- begin_my_blog -->
<input style="width: 55px;" type="button" value="{l_menu_profile_my_blog}" class="button_small" onclick="location='{url_main}profile_blog.php';" title="{l_menu_profile_my_blog}" class="button">
<!-- end_my_blog -->

<div class="nav_title">
	<b>{l_basic}</b>&nbsp;&nbsp;<a href="{url_main}profile_personal.php"><b>{l_personal}</b></a>&nbsp;&nbsp;<a href="{url_main}profile_partner.php"><b>{l_partner}</b></a>
</div>

<script Language="JavaScript" type="text/javascript">
  var blockSubmission = false;
  function removeSubmissionBlock() {
    blockSubmission = false;
  }
  function isSubmissionAllowed() {
    if(blockSubmission){
       return false;
    }
    return;
   }
  document.onclick = isSubmissionAllowed;
  document.onkeydown = isSubmissionAllowed;

  function onValidateEditProfileBasicForm() {
    var form = document.forms['profile'];

				<!-- begin_text_js -->
			    if (!(validateRequiredField(form['{name}'], '{field}', '')))
			    {
			      removeSubmissionBlock();
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      removeSubmissionBlock();
			      return false;
			    }
			    <!-- end_text_js -->

				<!-- begin_textarea_js -->
			    if (!(validateRequiredField(form['{name}'], '{field}', '')))
			    {
			      removeSubmissionBlock();
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      removeSubmissionBlock();
			      return false;
			    }
			    <!-- end_textarea_js -->

    // "email" field validation.
    if (!(validateRequiredField(form['mail'], '{l_email_address}'))) {
      removeSubmissionBlock();
      return false;
    }
    // "email" field validation.
    if (!(validateMaxLength(form['mail'], '{l_email_address}','100'))) {
      removeSubmissionBlock();
      return false;
    }
    // "email" field validation.
    if (!(validateEmailField(form['mail'], '{l_email_address}'))) {
      removeSubmissionBlock();
      return false;
    }
    // "country" field validation.
    if (!(validateRequiredSelect(form['country'],'{l_country}','-1'))) {
      removeSubmissionBlock();
      return false;
    }
    return true;
  }
  function validateEditProfileBasicForm() {
    blockSubmission = true;
     if (typeof beforeEditProfileBasicFormValidation != 'undefined') {
       beforeEditProfileBasicFormValidation();
    }
    var validated = onValidateEditProfileBasicForm();
    if (validated && (typeof uponSuccessfulEditProfileBasicFormValidation != 'undefined')) {
      validated = uponSuccessfulEditProfileBasicFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulEditProfileBasicFormValidation != 'undefined')) {
      uponUnsuccessfulEditProfileBasicFormValidation();
    }
    if (!validated) {
      removeSubmissionBlock();
    }
    return validated;
  }
  function submitEditProfileBasicForm() {
   if (validateEditProfileBasicForm()) document.profile.submit();
    }
  function exitConfirm() {
    var form = document.forms['profile'];
    if(isFormModified(form, null, null)){
      return(confirm('{l_leave_page}'));    };
  return true;
  } </script>
  <div class=header_big style="padding-bottom:20px;"><img src="{url_tmpl_main}img/basic.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt="" width=48 height=48> {l_basic_information}</div>
<form name="profile" method="POST" action="{url_main}profile.php?cmd=update" onSubmit="return validateEditProfileBasicForm();" style="padding: 0px; margin: 0px;">

	<h1>{update_message}</h1>
	<!-- begin_text -->
	<script type="text/javascript">
		function init{name}Counter() {
			characterCounter('{name}', {maxlen}, '{name}Counter');
		}
		addOnload(init{name}Counter);
		function clear{name}({name}Field)
		{
			if ({name}Field.value == "") {name}Field.value = '';
		}
	</script>

	<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
		<td align="left" class="sec_med_bold">
			<b>{field}</b>  (<b><span id="{name}Counter">0</span></b> / {maxlen} {l_characters_used})
		</td>
			
	</tr></table>
	<input type="text" name="{name}" id="{name}" value="{value}" maxlength="{maxlen}" style="width: 90%; padding: 1px; " tabindex="1" onFocus="clear{name}(this); characterCounter('{name}', 100, '{name}Counter');" onKeyUp="characterCounter('{name}', 100, '{name}Counter');">
	<!-- end_text -->
	<br><br>
	<!-- begin_textarea -->
	<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
		<td align="left" class="sec_med_bold">
			<b>{field}</b>  (<b><span id="essayCounter">0</span></b> / {maxlen} {l_characters_used})
		</td>
	</tr></table>
	<script type="text/javascript">
		function init{name}Counter() {
			characterCounter('{name}', {maxlen}, '{name}Counter');
		}
		addOnload(init{name}Counter);
		function clear{name}({name}Field) {
			if ({name}Field.value == "") {name}Field.value = '';
		}
	</script>
	<textarea name="{name}" id="{name}" style="width: 90%; height: 104px;padding: 1px; font: 12px/14px Tahoma, Verdana, sans-serif;" tabindex="2" rows="5" onFocus="clear{name}(this); characterCounter('{name}', {maxlen}, '{name}Counter');" onKeyUp="characterCounter('{name}', {maxlen}, '{name}Counter');">{value}</textarea>
	<!-- end_textarea -->
	<br>{l_try_our} <a href="#" onclick="javascript:OpenWindow('{url_tmpl_main}popup/writing_tips.html','650','400');" class="pri_text_bold"><b>{l_writing_tips}</b></a>.
	<table border="0" cellpadding="0" cellspacing="0"><tr>
		<td class="body_tiny" valign="top" style="padding-left: 10px; padding-top: 8px; padding-right: 20px; line-height: 1.7; text-align: justify;" width="50%">
			{l_all_essays} <br><br>{l_24_hours}</td>
		<td class="body_tiny" valign="top" style="padding-top: 8px; line-height: 1.7;" width="50%">
			{l_please_do_not}:
			<table border="0" cellpadding="0" cellspacing="0" style="margin-top: 6px;"><tr>
				<td>
					<table border="0" cellpadding="0" cellspacing="0" class="body_tiny">
						<tr style="padding-bottom: 2px;">
							<td style="padding-right: 6px;" valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_email_addresses}</td>
						</tr><tr style="padding-bottom: 2px;">
							<td valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_im_screen_names}</td>
						</tr><tr style="padding-bottom: 2px;">
							<td valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_phone_numbers}</td>
						</tr>
					</table>
				</td>
				<td style="padding-left: 20px;">
					<table border="0" cellpadding="0" cellspacing="0" class="body_tiny">
						<tr style="padding-bottom: 2px;">
							<td style="padding-right: 6px;" valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_coarse_language}</td>
						</tr><tr style="padding-bottom: 2px;">
							<td valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_urls}</td>
						</tr><tr style="padding-bottom: 2px;">
							<td valign="middle"><img src="{url_tmpl_main}img/bullet-header.gif" width="4" height="4" alt="" border="0"></td>
							<td valign="middle" class="body_tiny">{l_home_address}</td>
						</tr>
					</table>
				</td>
			</tr></table>
		</td>
	</tr></table>
	<div class="header_big" style="padding-top:20px; padding-bottom:20px;"><img src="{url_tmpl_main}img/account.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt="" width=48 height=48> {l_account_information}	</div>

					<table border="0" cellpadding="0" cellspacing="0"><tr>
						<td valign="top" style="padding-right: 20px;">
							<table class="body_text" border="0" cellpadding="0" cellspacing="0">
								<tr style="padding-bottom: 4px;">
									<td align="right" style="padding-right: 10px;"><b>{l_username}:</b></td>
									<td class="body_text">{name}</td>
								</tr><tr style="padding-bottom: 14px;">
									<td align="right" style="padding-right: 10px;"><b>{l_orientation}:</b></td>
									<td class="body">{orientation}</td>
								</tr><tr style="padding-bottom: 4px;">
									<td align="right" style="padding-right: 10px;"><b>{l_email_address}:</b></td>
									<td><input type="text" name="mail" value="{mail}" style="width: 148px;" size="35"></td>
								</tr><tr style="padding-bottom: 10px;">
									<td align="right" style="padding-right: 10px;"><b>{l_date_of_birth}:</b></td>
									<td>
											<select name="year" onChange="updateDay('year','profile','year','month','day')">
											{year_options}
											</select>
											<select name="month" onChange="updateDay('month','profile','year','month','day')">
											{month_options}
											</select>
											<select name="day">
											{day_options}
											</select>


									</td>
								</tr>
							</table>
						</td>

						<td class="body_text" valign="top">
								<table border="0" cellpadding="0" cellspacing="0" style="margin-top: 4px;">
									<tr>
										<td></td>
										<td align=right width=50><b>{l_country}:</b></td>
										<td></td>
										<td>
											<select style="width: 170px;" name="country" id="country" onchange="xajax_states(country.value)">
											{country_options}
											</select>
										</td>
									</tr>
									<tr>
										<td></td>
										<td align=right width=50><b>{l_state_province}:</b></td>
										<td></td>
										<td>
											<select name="state" style="width: 170px;" id="state" onchange="xajax_cities(state.value)">
											<option value="-1">- {l_state_province} -</option>
											{state_options}
											</select>
										</td>
									</tr>
									<tr><td colspan=3 width=1 height=3></td></tr>
									<tr>
										<td></td>
										<td align=right>
											<label for="CITY"><b>{l_city}:</b></label>
										</td>
										<td></td>
										<td>
											<select name="city" id="city" style="width: 170px;">
											<option value="-1">- {l_city} -</option>
											{city_options}
											</select>
										</td>
									</tr></table>
				</td></tr></table>
	<div style="text-align:center; padding-top:25px; padding-bottom:15px;"><input type="button" value="{l_update_my_profile}" onClick="submitEditProfileBasicForm();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: hand;" title="{l_update_my_profile}" onMouseOver="window.status='{l_update_my_profile}'; return true;" onMouseOut="window.status=''; return true;"></div>
</form>

<div class="nav_title">
	<b>{l_basic}</b>&nbsp;&nbsp;<a href="{url_main}profile_personal.php"><b>{l_personal}</b></a>&nbsp;&nbsp;<a href="{url_main}profile_partner.php"><b>{l_partner}</b></a>
</div>

</div></div></div></div></div></div></div></div></div>
{footer}